<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery3.3.1.js"></script>
</head>
<body>
    <div id="box">1111</div>
    <div id="box1">事件移除</div>
    <script>
        $(function () {
            // bind(type,[data],fn)
            //unbind(type,fn) 移除事件的使用方法
            // 当unbind不带参数时候,表示移除所绑定的全部事件  .


            // $("#box1").bind("click",function(){
            //     alert(1)
            //     $(this).unbind();
            // })

            // 一个事件执行一个函数
            // $("#box").bind(
            //     "click",
            //     {"name":"bind绑定"},
            //     function(ev){
            //     //    console.log(ev.data.name); 
            //        $(this).text(ev.data.name)
            //     }
            // )


            // 不同的事件执行不同的函数
             $("#box").bind({
                click:function(ev){
                    alert("当前是点击事件")
                },
                mouseout:function(){
                    alert("当前是鼠标移动事件");
                    $(this).unbind("click");
                },
            })
        })
    </script>
</body>
</html>